<style type="text/css">
  .table{
    border: none;
  }
  .table>thead>tr>th{
    border: none;
  }
  .table > tbody > tr > td, .table > tfoot > tr > td{
    border:none;
  }
</style>
<div [@flyIn]="'active'">

  <div class="wrapper-sm">
    <div class="panel panel-default m-b-n-xs" style="border-radius:5px">
      <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >

        <div class="m-t-xs m-t-sm">
          <span>系统管理</span>
          <i class="fa fa-angle-right"></i>
          <span>设备管理 </span>
          <i class="fa fa-angle-right"></i>
          <span>设备列表</span>
          <i class="fa fa-angle-right"></i>
          <span>设备单机监控数据点</span>
        </div>

      </div>
    </div>
  </div>

  <div class="wrapper-sm" style="font-size:12px">
    <div class="panel panel-default" style="border-radius:5px">
      <div class="panel-body">        
        <h4 *ngIf="pointmsg!=''">{{pointmsg}}</h4>
        <table class="table" *ngIf="pointmsg==''">
          <tr class="col-md-6">
            <td>
              <input type="checkbox" [checked]="isAllChecked()" (click)="checkAll($event)" name="qx"> 全选/全不选
            </td>
            <td>
              <button class="btn btn-info btn-sm" (click)="comfirmdata()">确定单机监控所需数据点</button> 
            </td>
            <td></td>
          </tr>
          <tbody>
            <tr class="col-md-6" *ngFor="let pointdata of pointData">
              <td>
                <input type="checkbox" [(ngModel)]="pointdata.group_show" name="dg">
              </td>
              <td>{{pointdata.display_name}}</td>
              <td>{{pointdata.property}}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>

</div>